La inquietud de Elizabetha me ha llevado a crear esta entrada, ella desea añadir a su sidebar una especie de desplegable donde incluir botones. En un principio le hablé de los bloques animados pero después pensé que también podíamos hacerlo de otro modo sin necesidad de alojar archivos externos.
Lo que vamos a hacer será reducir el código del menú desplegable de manera que clicando en una imagen o texto mostrará los botones que a simple vista estarán ocultos lo que ahorrará espacio y dará un aspecto más despejado a la sidebar.
Comenzaremos situándonos en Plantilla/Edición HTML y justo antes de </HEAD> añadiremos lo siguiente:

<!-- desplegable -->
<style type="text/css">.texthidden {display:inline}.shown {display:block}</style><script type="text/javascript">document.write('<style>.texthidden {display:none} </style>');</script><script type="text/Javascript">function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}</script>
<!--desplegable -->

Guardamos los cambios y nos situamos en Plantilla/Añadir un elemento de página/HTML/Javascript para añadir lo siguiente:


<a href="javascript:void(0);" onclick="expandcollapse('Botones')"><img src="url-de-la-imagen"/></a>
<ul id="Botones" class="texthidden">

<a href="aquilaurldelapagina"><img src="aquilaurldelaimagen"/></a>
<a href="aquilaurldelapagina"><img src="aquilaurldelaimagen"/></a>
<a href="aquilaurldelapagina"><img src="aquilaurldelaimagen"/></a>
<a href="aquilaurldelapagina"><img src="aquilaurldelaimagen"/></a>
</ul>

Si deseamos añadir este efecto de mostrar-ocultar más de una vez en nuestro blog deberemos cambiar el nombre "id" para que no se repita. En el código yo le puse "botones" podéis añadir cualquier otro, da igual el que sea.

El resultado sería más o menos así:









    Aquí más botones.............





Modificaremos las partes del código en negrita para añadir la url de la página y las imágenes.

No hay límite para añadir enlaces o botones, bastará con repetir el código que contiene la url de la página y el-los enlaces.

Cerraremos siempre el código del desplegable con la etiqueta </ul> de lo contrario se mostrará la parte oculta.


En respuesta a Hiro-Valiandfly sobre la forma de añadir este efecto en las entradas para ocultar un texto y que en vez de un botón el enlace sea también un texto esta es la solución:

Añadimos el Script de la plantilla antes de </HEAD>

Luego editamos la entrada como de costumbre, escribimos la entrada hasta llegar al lugar que vamos a ocultar y añadimos lo siguiente:

<a href="javascript:void(0);" onclick="expandcollapse('cualquiercosa')">Ver ejemplo</a>
<ul id="cualquiercosa" class="texthidden">
Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-
</ul>


Donde "cualquiercosa" es un nombre cualquiera que no deberemos repetir si agregamos este código más de una vez en nuestro blog. Podemos añadirlo cuantas veces deseamos pero con un nombre diferente.

Un Ejemplo:

¿Qué cosa posee el hombre que nadie la puede ver?
Sin alas vuela hasta el cielo y es la causa del saber.

Ver solución


    (El pensamiento)





Doktor Gnómegang

Hola Gema!

Acabo de publicar mi mas reciente album, "Midnight Bodhisattva", puedes descargarlo desde mi blog. No te lo pierdas!

La invitacion es extensiva a todos tus lectores (la descarga es libre!)

Un fuerte abrazo,

Responder
Liz Hopps

GRACIAS GEMMA!!! te pasaste!!!!
Hoy me voya a casa de una amiga en otra ciudad por unos días , cuando vuelva haré la caja con los enlaces...viste que hice una cajita con mis etiquetas que se mueve?...es bastante útil y me ahorra espacio
BESOTES
GRACIAAAAAAAASSSSS
Eres un sollllllllllllll
LIZ

Responder
Gem@

Elizabetha pásalo bien que lo tienes merecido, y cuando regreses ya hablaremos de este tema.
!He visto todos los cambios¡ :)

Responder
Liz Hopps

Gemma hice el botón con los contadores que eran los que deseaba que se escondieran y resultó...lo unico malo es que virtualmente se "come" lo que viene después, y solo aparece cuando lo despliego aun cuando no lo haya agregado...creo que no cierro bien el código, pero lo he hecho como tu lo dices y no me resulta
Puedes verlo en mi blog de pruebas
http://naphtel.blogspot.com/
Besotes y gracias nuevamente...encuentro suuuper practico esto de esconder y mostrar
besotes again
LIZ
PS: mi blog de pruebas tien la misma paltilla que "el mundo..."

Responder
Gem@

Hay un código que no has cerrado, se puede ver claramente debajo del botón esto: "/> eso ha pasado porque al principio no añadiste el cierre <
Míralo detenidamente y además comprueba que justo en el último código del botón Ping me :-) cierras con </ul>

Responder
Gem@

Dr. Gnomegang cuando vi tu comentario fui corriendo a oír el álbum (descargué los dos) y con las prisas olvidé que no te había contestado lo lamento...
!Felicidades¡

Responder
American Peroxide

Hola de nuevo Gema!

Después de un tiempo siguiendo tus tutoriales para mejorar mi blog me ha surgido una nueva dudilla.
Desde hace tiempo he tenido ganas de cambiar los títulos aburridos de mi side bar (el menú que tengo en la izquierda, no sé seguro si se le llama de este modo) por rótulos que pueda hacer con photoshop o algún otro programa. He estado toqueteando un poco por la plantilla pero no he encontrado la forma de poner imágenes en vez de poner el título como texto.

La idea sería algo como lo que sale en esta web http://www.lindsayrocks-spain.ya.st/

No sabes cuánto te agradecería tu ayuda en este tema.

Un abrazo y sigue así!

Responder
Gem@

Mira aquí espero que sea lo que estás buscando ;)

Responder
paqui

Gema, he puesto en mi blog dos de mostrar -ocultar, uno en recetario y otro en directorios y cuno pincho en directorios de abre recetario y si pincho en recetario se abre recetario.
Otra cosa Gema como puedo poner enel titulo de los post o entradas ,se llama asi creo,un boton como he puesto en los titulos de la sidebar.
Besicos

Responder
Gem@

Hola Paqui, no sé que está pasando pero aseguraría que ya te había contestado aquí mismo :(
Vamos a probar otra vez por si hay más suerte.

Cuando añadimos dos o más veces un elemento id debemos llamarle con diferente nombre. Es decir.. si la caja contenedora de "recetario" le llamaste botones no puedes llamarle también botones a la caja de "recetario".
Lo que haremos será buscar el código de la caja recetario, y sustituir la palabra botones por otra, por ejemplo recetario (observa que hay que sustituirlo dos veces en un mismo código)pondremos dos veces recetario en lugar de las dos veces botones.
Luego haremos lo mismo con la caja de directorios, sustituimos botones por directorios.
Esto ha sido un error mío no mencionarlo, lamento haberte causado molestia y pérdida de tiempo :(

Para sustituir el título por una imagen puedes seguir estos pasos de aquí

Responder
Carlos Pizcos

Buena Gema, hace tiempo que llevo buscando/intentando esto mismo pero que se despliegue al pasar el raton...por ahora nada....

Responder
Gem@

Es buena idea esa Pizcos, un desplegable tipo Tooltip.
Algo vi hace tiempo, intentaré buscarlo y te comento ;)

Responder
paqui

Gracia Gem@ por dedicarme tu tiempo, ahora si sale bien.

Responder
Gem@

Estupendo Paqui ;)

Responder
Paula

Hola Gema!!
Muchas gracias por responderme :D el código me resultó para poner enlaces, pero de todas formas he tenido problemas con él, porque no puedo poner nada mas adentro.. que puedo hacer, la verdad es que yo lo quiero para poner mi feevy, me sirve este código?
Gracias por toda tu ayuda.

Responder
Carlos Pizcos
Este comentario ha sido eliminado por el autor.
Responder
Carlos Pizcos

Ups Gema no me habia dado cuenta que lo explicabas mas arriba...disculpas...jajajaja...estoy espeso hoy...

Saludos

Responder
Gem@

Claro que puedes poner cosas dentro Paula pero necesariamente con sus respectivos códigos.
Y lo debes añadir justo antes de </ul>

He visto tu comentario en el correo Pizcos, no te preocupes nos suele pasar a todos

Responder
Jose Andrino

Buenas!! Aunque nunca dejo comentarios, te leo a menudo y sigo tus consejos. ¡¡Eres genial!!Puedes visitar mi blog en www.metalcastellano.blogspot.com . Tengo un problemilla, y es que en la sidebar izqda. tengo las etiquetas puestas con el generador de menús (^_^), pero quiero que no se vea, y se despliegue al darle a la imagen que pone "Etiquetas", como tengo en la otra sidebar, pero no sé cómo hacerlo sin perder el efecto del menú (lo de que desaparece el fondo cuando pones el cursor por encima, me sale sin fondo directamente U_U) ¿Me puedes ayudar? Mi correo es joseandrino@hotmail.com.

Gracias!!

Responder
Gem@

Si usaste el mismo código de esta entrada y no te funciona puede que sea porque copias el mismo código de la sidebar derecha sin cambiar la "id"
La id es un nombre único, por ejemplo en la entrada yo llamé a la id "botones" si añades el mismo nombre dos veces el efecto de mostrar-ocultar no funcionará.
Una vez soluciones eso, prueba a incluir el código del menú dentro del código de ocultar y mostrar como hiciste en la sidebar derecha.

Responder
Le Mosquito

Saludos, Gema:
Creo que he entendido el proceso (que aún no he probado).
En mi caso, deseo usar una imagen/botón para abrir el desplegable,-hasta ahí, bien- pero en lugar de que al desplegar aparezca una secuencia de imágenes/botones, sólo me gustaría que apareciesen como textos/enlaces, tal y cómo los tengo ahora.
¿Cómo debería modificar el/los codigo/s? (si es que es posible)
MUCHAS GRACIAS.
:)

Responder
Jose Andrino

Muchas gracias, Gema. Ése era uno de los problemas, al final lo he resuelto.

Responder
Gem@

Le Mosquito prueba con este código:

<a href="javascript:void(0);" onclick="expandcollapse('cualquiernombre')"><img src="url-de-la-imagen"/></a>
<ul id="cualquiernombre" class="texthidden">

<a href="url-de-enlace ">texto-a-mostrar</a>
<a href="url-de-enlace ">texto-a-mostrar</a>
<a href="url-de-enlace ">texto-a-mostrar</a>

</ul>


Gracias a ti Jose Andrino por tomarte la molestia de informarme el resultado ;)

Responder
Le Mosquito

Muchas gracias, Gema.
Copio el código para probar mañana...
Ya te contaré el resultado.
:)
Muy amable, de verdad.
A tu disposición.

Responder
Gem@

Suerte ;)

Responder
Le Mosquito

Funcionó, Gema:

He añadido las etiquetas li y /li para hacer punto y aparte entre enlace y enlace, y he añadido, también, el targetblank para que lkos enlaces se abran en ventana nueva.

He intentado poner aquí los ejemplos, pero "el robot" no me acepta el HTML aquí.

Muchas gracias.

Responder
Anónimo

Hola Gem@, debo decirte que estoy realizando un proyecto al cual le he añadido el mostrar, ocultar pero tengo un problema, te cuento:
Imagínate un menu vertical con opciones de texto, el quienes somos, que hacemos, a donde vamos, de donde venimos, jejeje, pues bien, si clico por ejemplo en cualquier título, al desplegarse su texto, los títulos que quedan por debajo deberían bajar y si volviese a clicar en el título para cerrar el texto, deberían subir, ¿cierto?, pues resulta que me despliega los textos correctamente pero los títulos por debajo de este no se mueven del sitio con lo cual hace que los textos se vean por detras de los títulos, excepto el último lógicamente por ser el último y no tener a nadie debajo, espero que sea cualquier chorradita, de todos modos sigo mirando el código, si tienes idea de que puede ser, échame un cable por favor, por cierto si quieres puedes agregarme ya tengo cuenta en davitociber@gmail.com

Besos

Responder
Gem@

¿Tienes el código aplicado David? ¿algún blog de pruebas o algo?

Responder
Anónimo

Hola Gema, es un proyecto en mi trabajo, ahora mismo estoy en él pero no está en red sino en mi equipo, si me pudieras comentar que puede ser te lo agradecería.

Gracias y besos

Responder
Gem@

Te entiendo David, si pudiera ver lo que me dices sabría donde está el error pero así no tengo idea.
Hay dos puntos importantes para que este código funcione bien.
Uno es que no se debe repetir la id, si se aplica más de una vez. En el ejemplo verás que yo puse expandcollapse('Botones') y más abajo ul id="Botones eso está bien pero si este mismo código para mostrar ocultar lo añades en el blog debes añadir otro nombre que no sea botones, da igual el nombre que sea mientras no se repita.
Otra cosa importantes es cerrar siempre con </ul> cada bloque de lo contrario quedaría un efecto extendido sin recogerse.
Lo ideal sería poder ver lo qu eme dices, si no deseas dejar aquí la url mándala a mi correo y nada más verlo te contesto.

Responder
Anónimo

Hola Gema, agradezco tu interés, pero al final he quitado este código de mostrar y ocultar, me he dado cuenta que no es el que necesito, sino uno igual de mostrar y ocultar pero que en cada opción que cliques se cierren las demás, en cambio en este ejemplo vas mostrando opciones, pero se quedan todas abiertas, lo que necesito es por ejemplo tengo 4 opciones pues cuando muestre la 1 se oculten la 2, 3 y 4, cuando muestre la 2 se oculten la 1, 3 y 4 y asi sucesivamente.

Saludos amiga mia

Responder
Gem@

Hola David, estás en lo cierto despliega el menú pero para recogerlo es necesario clicar de nuevo en el mismo lugar.
No recuerdo ahora mismo un efecto como el que me dices ¿quizás el efecto Accordion adaptado a mootools
Ver efecto.

Si te interesa puedes ver aquí como hacerlo ;)

Responder
Anónimo

Hola Gema, excepcional como siempre, eso es exactamente lo que buscaba, pero disculpa mi torpeza ante este menú desplegable, ahora lo aplico tal cual está en el código del menú tuyo de los pájaros pero los textos salen desplegados y no hacen ningún efecto y como todo está tal cual, creo que el fallo es que no me descargué bien el archivo mootools.js, discúlpame pero ¿podrías pasarme el enlace de tu archivo javascript?, así sabré seguro que es el correcto.

Un fuerte abrazo y gracias

Responder
Gem@

Hola David, mi script de Mootools es este:
<script src='http://hostfile.org/0_mootools.js' type='text/javascript'/>
Lo utilicé para hacer una demo de menús de Mootools.

Cada efecto precisa una versión distinta de Mootools y algún script añadido para los efectos. No sé si habrás encontrado algo de eso.

De todas formas si te complica mucho la vida el efecto de Acordeones lo puedes crear también con Scritpaculous y el efecto Toggle.
En la página de J.Miur mira el efecto (al final de la entrada)

Responder
Administrador

Seguí paseando por tu blog con ganas de encontrar respuestas y tuve la buena fortuna de toparme con este post. Me parece que es una muy buena alternativa para desarrollar la idea que tengo de generar un enlace a mi blog (perdona que no apunto la dire de la entrada donde publiqué un comentario hace unos minutos pidiéndote ayuda para ofrecer un enlace usando un pop up como referencia para copiar el código).
Ahora... tengo una pregunta sobre algo que en estos minutos no he podido resolver: todo va bien hasta el momento de poner el texto oculto en mi nuevo widget, y es que como se trata justamente de un código, el blog lo interpreta literalmente de esa manera y en lugar de mostrarme el texto del código, me muestra la imagen como enlace a otra web. Me ayudarías por favor a resolver esto? Mil gracias de nuevo y perdona por lo extenso.

Responder
Gem@

Administrador para mostrar un código hay que convertirlo a texto plano.
Suerte ;)

Responder
Unknown

Hola Gema y felicidades por tu blog.
Acabo de ponerlo en práctica en mi blog de recetas El Puchero de Rosa. Muchas gracias.

Sólo un pequeño inconveniente estético: al desplegarlo provovoca un corte horizontal que no queda muy bien ¿me puedes ayudar a solucinarlo?
Lo he puesto al pie del blog, en el apartado "Directorio e intercambio de enlaces".
Gracias y saludos.

Responder
Gem@

Hola Rosa, si te refieres a esa línea horizontal oscura (yo la veo marrón)no tiene nada que ver con el código, está en tu plantilla y si no me equivoco en #main-bot {
Puedes hacer dos cosas para ver si es eso sustituyendo background:#FFF3DB por el color que deseas por ejemplo el mismo amarillo de la plantilla ( #FFF3DB)o simplemente eliminando esa parte de background:#FFF3DB.

La otra alternativa es incluir la imagen del IBSN dentro del elemento de página de los directorios pero justo después del código que los cierra es decir después de </ul> de esta forma se verá seguido y sin estar oculto con los directorios.

Ya me dirás el resultado ;)

Responder
Unknown

Muchas gracias, Gema, por tu respuesta tan completa. Enseguida lo pongo en práctica y te cuento.
Saludos.
Otra cuestión: no sé si sólo me pasa a mi, pero con ubuntu me es imposible visualizar tu blog, y tengo que ponerme con el portatil con win XP para verlo ¿alguién más te ha comentado esto?

Responder
Unknown

¡SOLUCIONADO!
Muchas gracias, Gema.
Saludos desde este Puchero.
Rosa.

Responder
Gem@

Hola Rosa, pues es la primera vez que me lo comentan lo que no quiere decir que no ocurra ya que no todo el mundo tiene disponibilidad para conectarse a otro PC. Te agradezco me lo digas porque así intentaré averiguar el problema.
Me alegra que resolvieras lo del blog :D

Responder
Unknown

hola gem@ hay algo que está mal en mi plantilla porque no consigo que aparezca "comentarios" debajo de las entradas aunque ya hice de todo en todas partes. el problema está en la plantilla. ¿cómo puedo ubicarlo? un abrazo! (soy S.O.S., pero me cambié a lileka)
http://soupcouture.blogspot.com

Responder
Anónimo

Gracias, me ha servido :P

Responder
Anónimo

Holas ,quiero poner un iframe en ves de una imagen y no sale bien , el contenido del iframe que pongo se distorsiona ,gracias por su ayuda. :D

Responder
Gem@

LILEKA-S.O.S siento ver tan tarde tu comentario ¿lo solucionaste? :(

Hola Mau gracias por comentar.

Necesito más datos Pablo, ¿qué deseas incluir en el iframe? ¿qué medidas tiene el iframe ?

Responder
Anónimo

Holas, pues el iframe contiene una pagina de livescores y por mas que le cambio el ancho se distorciona como si las letras se aplastaran cuando lo incluyo dentro del mostrar/ocultar. El problema podria ser porque el mostrar/ocultar mueve unos centimetros a la derecha el texto que le incluyes para mostrar???
Gracias.

Responder
Gem@

¿livescores es un chat?
Pablo necesito ver la forma que lo estás añadiendo si no dejas enlace a tu blog es imposible :(

Responder
Admin

Hay gem@@@ me quiero matarrrr no me envió el comentario, buaaa y no lo había copiado, este Blogger grrrr.

Bueno aquí voy de nuevo, te decía que este era el código que estoy usando, lo encontré!!
Ya pasate por Te Propongo a ver como me quedó??
Precioso!! :D Estoy chocha, hasta le puse imagen de fondo, bordes... bueno ya te conté por mail.

Pero voy por mas ehh, quiero ponerle mas botones para reducir la sidebar, me encanta el efecto, si, no me recuerdes que debo poner otra id para cada uno, ja ja lo se. :D

Otra cosa que quería decirte hace días es una locura mía, claro, pero sabes que?
La imagen que tienes para los anónimos me da la impresión de que es una pareja, un matrimonio el que está comentando jaa jja :D
Que imaginación la mía, pero es en serio ehh, cada vez que veo esa imagen pienso que son dos, hombre y mujer los que hablan :D :D Estaré muy mal?? :O :D :D
Como los demás son solo una imagen de una persona o logo o lo que sea pero solo uno ja ja

Besoooo de la locaaaaaa ;) :D

Ahora lo copio :o

Responder
Gem@

Así es k_nelita por eso te dedcía que es un código modificado (es parte de un menú) estuve en tu blog !te felicito y acompaño en tu locura¡
:) :) :) :) :)

Responder
Anónimo

Genial! he descubierto ésto por chiripa justo hoy que he tenido que poner una nota aclaratoria en la sidebar y era enorme!!! Gracias gracias, siempre tan clara y todo tan útil! :D

Responder
Anónimo

Ay! Puedo aprovechar para hacer aquí una consulta?
Tengo un gadget de una imagen que enlaza a una pagina, el "dime cosas" y el libro de visitas que es un gadget de html, ¿puedo unirlos para que salgan en la misma línea los dos botones? he puesto un ; entre los dos códigos y no me hace nada (claro jejeje será una bobada como una catedral lo que he hecho :P)...

Responder
Gem@

Hola Maite claro que puedes consultar aquí y donde te venga bien :)
Para que las dos imágenes que me dices "Dime cosas" y "Libro de visitas" queden en la misma línea debes eliminar el código <br> que hay entre las dos imágenes.
(La etiqueta <br> produce saltos de línea)
:) :) :)

Responder
Maite

Ay, es que estoy haciendo trampas de juntar dos gadgets y no me aparece el br ese por ningún sitio... si no te importa te mando el código y me lo miras??
Gracias Gema!

Responder
Gem@

Te he mandado un mail Maite ese br lo veía online en tu plantilla pero no tiene importancia :)

Responder
Maite

Gracias Gema! voy corriendo jajajaja Me tienes emocionada y todo! Tenías razón, ésto cada día engancha más !!!!!!!!! :D:D:D

Qué mono, escribiendo el mensaje en el antiguo editor sale mi imagen, y usando el otro no...

Responder
Gem@

Aquí en el nuevo editor también sale tu precioso avatar Maite pero tarda más en mostrase.

Responder
Maite

Mi "precioso" y yo te damos las gracias por el piropo :D :D :D :D

Una cosita, no se si podrás tener acceso a ésto a simple vista, juraría que tras tocar la última vez la plantilla del codigo html me funcionaban los "leer más", pero ahora no.

Quería ponerme a expandir/contraer archivos pero creo que hasta que no solucione ésto no me atrevo para no liarme más de la cuenta...

Responder
Gem@

Ahora mismo te funciona perfecto, quizás un poco abajo el texto de leer más pero funciona bien :)

Responder
Maite

Ay! me dice por aquí el "dueño" del pc jejeje que teníamos activado un filtro de no se qué y por eso no me funcionaba a mi... pero ya lo ha arreglado sisisi y ya veo por tu comentario que salía bien. Como siempre tan maja Gema! Gracias!

Responder
Gem@

No hay de qué Maite :)

Responder
Unknown

muy muy practico, me ha gustado mas que otro metodo porque todo el contenido tenia que estar junto. gracias :)

Responder
Gem@

yz Hay tantas formas de mostrar un contenido oculto que cuesta trabajo decidirse por una en concreto :)

Responder
Anónimo

wow, me sirvio gracias, la sabiduria se gana con el tiempo y con estudio y eso lo tenes de sobra xD..... suerte

Responder
Gem@

yz Me alegra que así fuera DarkRamses :)

Responder
angel

hola germa e leido todos tus comentario y me parese estupeda me llamo angel migue y soy nuevo en esto de los codigo y nesecito saber si me puedes ayudar en esto estoy creando una paguina en html esta paguina envia un correo a cualguier dirrecion nesecito saber como pudo enlasar mi paguina de html con una base de datos la base de datos ya la cree en access y se llama correo clientes y la tabla contatos y no se com enlasarla a mi paguina de html yo e puesto mi pc como sevidor de correo utilisando el lls de windows pues bien nesesito saber si me puedes ayudar en esto como llamo mi base de datos de access desde mi paguina de html me pyuedes ayudar ??????????????????????????

Responder
Anónimo

hola Gemita como puedo aplicar este efecto a una lista de enlaces?

F & L.

Respecto al post de listado de entradas al dar clic en etiquetas no funciona en mi plantilla. Hay varias cosas que ella no se deja modificar, un caso simple es el de centrar el título. Es posible pasar mi plantilla a otra de blogger si perder la URL??

GRACIAS POR TU TIEMPO, SALUDITOS.

F&l

Responder
Gem@

yz F & L. para añadir el efecto en enlaces sería de la misma forma sólo que sustituyendo la imagen del botón por el código del enlace
<a href="url-de-la-página">texto de enlace</a>
- La url del blog no la perdemos a no ser que el autor la cambie por otra, puedes cambiar de plantilla y la url no se alterará. También puedes descargar la plantilla y probar con otra así si los cambios no te gustan puedes volver a la anterior. Aunque lo que recomiendo siempre es hacer esos cambios en un blog de pruebas :)

yz Ángel siento no poder ayudarte en ese problema :(

Responder
Que+da

Hola Gema,

no sabía como ocultar/mostrar texto y con tus indicaciones fue muy fácil.

Muchas gracias.

Responder
Gem@

yz Que+da gracias a ti por comentar :D

Responder
El Taller de Noa

Hola Gem@, feliz año.

Estoy intentado renovar mi taller, y quería para aligerar la sidebar poner menus desplegables como el de este post, pero no consigo que sea vea la imagen.

Lo he intentado poner en el blog de prueba y aunque el desplegable funciona la imagen no se ve.
Sabess que puede pasar?

http://pruebasnoa.blogspot.com

Muchísimas gracias como siempre

Responder
Gem@

:: Veo tu blog y el mail que me has mandado y te digo algo Noa :)

Responder
Gem@

:: Una pregunta Noa, vas a añadirlo en la sidebar pero la imagen hará las veces de títulos para la sidebar?
¿Es la misma imagen para todos esos menús?
Y por último... ¿dónde exactamente lo añadiste?

Responder
El Taller de Noa

Si, pretendía que la imagen hiciera de título para el desplegable que es de enlaces.
Solo he con uno que está justo debajo de los datos personales. el desplegable con los enlaces funciona, pero la imagen sale con un cuadradito en blanco con una x.
Y quería poner más menus, pero cada uno con una imagen y varios enlaces.

Como siempre gracias

Lo puedes ver (el que he puesto de prueba) en
http://pruebasnoa.blogspot.com

Responder
Gem@

:: Noa yo es que veo ese gadget vacío, en la plantilla veo que en su lugar poner "LinkWithin" pero el gadget no tiene contenido.
Te preguntaba si la imagen sería el título porqque si vas a añadir esa imagen como fondo para todos los títulos es por ahí por donde debes empezar es decir personalizando los títulos de la sidebar.

http://gemablog-.blogspot.com/2008/03/personalizar-los-ttulos-de-la-sidebar.html

Una vez se han personalizado añadiendo la imagen te indico la forma de hacer que los títulos que tu escojas sean desplegables.

Responder
El Taller de Noa

NO es ahí donde yo te decía. Yo te digo en la parte derecha del blog, entre datos personales y el gadget de contacto (que está vacío), sale el recuadro que yo te digo con una x, que si le das si que sale el desplegable, pero la imagen no se ve.
En fin, probaré lo que me dices de personalizar los títulos a ver que pasa.
Tal vez ese código que yo intentaba poner solo sirve para posts y no para poner en la sidebar.

Como siempre muchas gracias

Responder
Gem@

:: Ahí es donde yo he mirado Noa lo que ocurre que con Firefox no se ve nada ni la imagen ni la posibilidad de desplegar.
Lo que me refería es eso que cuando se trata de añadir todo los títulos con una imagen es mejor aprovechar que puede hacerse con css porque cada vez que añades algo nuevo el título automáticamente adquiere la imagen aunque no la añadas.

Responder
El Taller de Noa

Aysss, ya pude solucionarlo,, era un problema con la dirección de las imágenes.

Muchísimas gracias Gem@

Responder
Gem@

:: Ya lo veo ahora Noa, me alegra esté solucionado :)

Responder
Raúl

Hola gema como vas, te queria pedir un favor como puedo ocultar partes de una entrada sin cambiar mi plantilla, hace tiempos vi que tenias un post explicámdolo pero ahora que lo necesito no lo encuentro

Responder
Gem@

:: Hola Raúl estoy ordenando las etiquetas con la idea de suprimir algunas quizás por eso no lo encuentras, pero básicamente los trucos y herramientas para el blog están en la etiqueta "recursos blog" no sé si te refieres a esta entrada:
http://gemablog-.blogspot.com/2008/12/mtodo-sencillo-de-expandir-recoger.html

Responder
Eivan

Gem@ querida soy knelita, estoy arreglando el blog de mi hijo y quería algo como esto, pero mas bien como tenés vos en la sidebar, sin imagen que sea un título como el que tenés en "Directorios" y al clicar se desplieguen los botones, no es este sistema no?
Y si fuera este no habrá forma de poner los botones en la sidebar en un elemento de página en lugar de la plantilla?
No se si me explico, que sea título y los botones a ocultar se pongan en un elemento, se entiende? :P
Besotes, después te respondo el mail ;)

Responder
Gem@

:: Ahora que comentas aquí me doy cuenta que no funciona el efecto de desplegar en la entrada :S
No k_nelita, el sistema que yo tengo en la sidebar el que explico para desplegar los archivos, y que Rosa explica para desplegar cualquier gadget en esta entrada:
http://elescaparatederosa.blogspot.com/2009/04/expandir-y-contraer-cualquier-gadget.html

Responder
Unknown

Hola Gema!!

Muchísimas gracias por todo lo que os currais estos blogs. Tengo 2 blogs en blogger (mas uno para pruebas). El primero de ellos (My Heart's Corner) es un blog personal para mis pijadillas. El segundo (jugando con blogger) es un blog en el que fui poniendo algunos de los tutoriales que usé para personalizar mi blog con la intención de compartimos con mis amigos. Es muy nuevecito todavía (lo creé ayer, pero bueno ya tengo alguna que otra cosita).

Tras este rollo de pesentacion que escribí, te comento. He cogido los códigos, los he puesto en mi blog de pruebas y ¡voila! FUNCIONA A LA PERFECCIÓN. Solo ne gustaría aplicarle un par de cambios estéticos.

Me gustaría que el icono de desplegar me
saliese a la derecha del todo de la tabla y que a la izquierda de la misma se pusiera un título. He escrito el titulo que quiero poner al principio del todo del código, en el cajetín inferior del elemento html/JavaScript. Pero el botón me sale a continuación justo de este titulo y no a
la esquina como yo quisiera. ¿Simplemente lo
solucionaria poniendo un div align="right" antes del a HREF? No me atrevo a probar por miedo a cargarme la plantilla.

Por otra parte, la última consulta, ¿podría usarse esta función en los cajetines que nos pone blogger? Me refiero al cajetín de etiquetas, contenidos, perfil, comentarios, etc. Si así es, ¿podrías explicarme
cómo?

Muchísimas gracias. Por cierto, enlazo tu blog al mío de tutoriales.

Un saludo y un millón de gracias.

Responder
Viviana

hola gema, dame una idea

por q lo pude implementar bien en mi blog personal (http://soy-mama.blogspot.com) pero en el de maternidad no funciona (http://blog.mamasybebes.com) ?

en este ultimo, lo veras en el footer, en la columna de en medio...

gracias

Responder
Viviana

en fin, x suerte lo solucione antes. lo cambie de lugar en la sidebar y ahora si funciona.

Responder
Gem@

:: Lamento la demora Viviana, últimamente ando con poco tiempo :S
Cuando ocurre eso que dices es porque la id está repetida y debe ser única, pero si dices que funciona en la sidebar... como dice un amigo "si algo funciona mejor no intentes hacer averiguaciones" ;)

Responder
Viviana

ajjaja

me alegro q no contestaras, me ayudaste a emplear el ingenio...

besos desde cancun

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top